<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职业生态平台</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="inner_html">
    <!--top_header-->
    <div class="top_header">
        <ul class="top_header_ul f_R">
            <li class="f_L">
                <a href="">
                    登陆
                </a>
            </li>
            <li class="f_L">
                <a href="">
                    注册
                </a>
            </li>
        </ul>
    </div>
    <!--top header-->
    <!--header-->
    <div class="header clearfix">
        <div class="logo f_L">
            <img src="img/logo.png" alt="">
        </div>
        <ul class="nav f_L">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">评测</a>
            </li>
            <li>
                <a href="#">一件解惑</a>
            </li>
            <li>
                <a href="#">视频课程</a>
            </li>
            <li>
                <a href="#">导师资源</a>
            </li>
            <li>
                <a href="#">企业咨询</a>
            </li>
            <li>
                <a href="#">招聘求职</a>
            </li>
            <li>
                <a href="#">院校信息</a>
            </li>
            <li>
                <a href="#">关于我们</a>
            </li>
        </ul>
    </div>
    <!--header-->
    <!--banner-->
     <div class="banner">
         <img src="img/banner.jpg" alt="">
     </div>
    <!--banner-->
    <!--main-->
    <div class="main clearfix">
        <div class="main_left f_L">
            <img src="img/link.jpg" alt="" class="link">
            <img src="img/phone.jpg" alt="" class="phone">
            <img src="img/address_1.jpg" alt="">
        </div>
        <div class="main_right f_R">
            <div class="main_right_name clearfix">
                <div  class="f_L m_l">
                    性格评测
                </div>
                <div class="f_R m_r">
                    <span class="now_p">您当前的位置：</span>评测
                </div>
            </div>
            <div class="main_right_main">
                <img src="img/pingyv.jpg" alt="">
            </div>
        </div>
    </div>
    <!--main-->
    <!--main bottom -->
     <div class="main_bottom">
         <span>合作伙伴</span>
         <img src="img/arrow.jpg" alt="" class="arrow">
     </div>
     <div class=""></div>
    <!--main bottom-->
    <!--footer s-->
    <div class="footer">
        <ul class="f_L">
            <li>
                友情链接：
            </li>
            <li>
                公司地址：
            </li>
        </ul>
        <ul class="f_L footer_l">
            <li>
                技术支持：
            </li>
            <li>
                版权所有：
            </li>
        </ul>
    </div>
    <!--footer e-->
</div>

</body>
</html>